<%--
  Created by IntelliJ IDEA.
  User: z5727
  Date: 2022/9/25
  Time: 15:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set value="${pageContext.request.contextPath}" var="path"></c:set>
<c:forEach items="${requestScope.positionPageInfo.list}" var="position">
<div class="col-xl-6 pxp-jobs-card-2-container">
    <div class="pxp-jobs-card-2 pxp-has-border">
        <div class="pxp-jobs-card-2-top">
            <a href="/web/personal/positionDetail/${position.id}" class="pxp-jobs-card-2-company-logo company_logo" style="background-image: url(/static/web/images/company-logo-3.png);background-size:80px 80px;"></a>
            <div class="pxp-jobs-card-2-info">
                <a href="/web/personal/positionDetail/${position.id}" target="_blank" class="pxp-jobs-card-2-title">${position.positionName}</a>
                <div class="pxp-jobs-card-2-details">
                    <a href="/web/personal/positionList?cityName=${position.city.cityName}" class="pxp-jobs-card-2-location">
                        <span class="fa fa-globe"></span>${position.province.provName} ${position.city.cityName}
                    </a>
                    <c:if test="${position.fullTimeOn eq true}">
                    <div class="pxp-jobs-card-2-type">兼职</div>
                    </c:if>
                    <c:if test="${position.fullTimeOn eq false}">
                        <div class="pxp-jobs-card-2-type">全职</div>
                    </c:if>
                </div>
            </div>
        </div>
        <div class="pxp-jobs-card-2-bottom">
            <a href="/web/personal/positionList?positionTypeId=${position.positionTypeSecond.positionType.id}" class="pxp-jobs-card-2-category">
                <div class="pxp-jobs-card-2-category-label">${position.positionTypeSecond.typeName}</div>
            </a>
            <div class="pxp-jobs-card-2-bottom-right">
                <span class="pxp-jobs-card-2-date pxp-text-light"><fmt:formatDate value="${position.enrollTime}" pattern="yyyy-MM-dd"></fmt:formatDate></span> <a href="/web/personal/personalCompanyDetail/${position.company.id}" class="pxp-jobs-card-2-company">${position.company.name}</a>
            </div>
        </div>
    </div>
</div>
</c:forEach>
<div class="row mt-4 mt-lg-5 justify-content-between align-items-center">
    <div class="col-auto" data-id="${requestScope.positionPageInfo.total}">
        <nav class="mt-3 mt-sm-0" aria-label="Jobs list pagination">
            <ul class="pagination pxp-pagination">
                <c:forEach items="${requestScope.positionPageInfo.navigatepageNums}" var="pageNum">
                    <c:if test="${requestScope.positionPageInfo.pageNum eq pageNum}" var="isCur">
                        <li class="page-item active" aria-current="page">
                            <span class="page-link">${pageNum}</span>
                        </li>
                    </c:if>
                    <c:if test="${not isCur}">
                        <li class="page-item"><a class="page-link" href="javascript:void(0)">${pageNum}</a></li>
                    </c:if>
                </c:forEach>
            </ul>
        </nav>
    </div>
</div>